<template>
    <div class="hello">
        <h2>这是OneVue组件</h2>
        <h2>{{$store.state.count}}</h2>
            <li>{{$store.state.stu}}</li>
        <button @click="addTen">点击+10</button>
        <button @click="addStu">添加学员</button>
    </div>
</template>
 
<script>
export default {
    name:'OneVue', 
    props:{
        msg: String,
        count:Number
    },
    data(){
        return{
            stu:{id:1005,name:'测试'}
        }
    },
    methods:{
        addTen(){
            // 触发mutations函数，指定额外参数
            //字符串形式提交
            this.$store.commit("addTen",10) 
            
        },
        addStu(){
            // 触发mutations函数，指定额外参数
            //字符串形式提交
            this.$store.commit("addStu",this.stu) 
        }
    }
}
</script>

<style>
.hello {
  border: 2px solid green;
  margin:15px;
}
</style>